<template>
  <div id="app">
    <div class="nav">
      <router-link to="/Home">Home</router-link> |
      <router-link to="/Fixed">Fixed</router-link> |
      <router-link to="/AsyncLoading">AsyncLoading</router-link> |
      <router-link to="/Search">Search</router-link>
    </div>
    <keep-alive>
      <router-view />
    </keep-alive>
  </div>
</template>

<style lang="scss">
#app {
  > .nav {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    > a {
      font-size: 20px;
      margin: 0 10px;
    }
  }
}
</style>
